import { defineComponent } from 'vue';
import test from './first';
import secondVue from './second.vue';
import third from './third.vue';
export default defineComponent({
  name: 'App',
  components: { test, secondVue },
  props: {},
  emits: [],
  setup(props, { attrs, emit, expose, slots }) {
    expose({});

    return () => {
      return (
        <div>
          {/* <test />
          <secondVue /> */}
          <third />
        </div>

        // <div class='block'>
        //   <div class='block-'>
        //     <h5 class='title'> 简单模式</h5>
        //     <t-select-helper simple={true}></t-select-helper>
        //   </div>
        //   <div class='block-'>
        //     <h5 class='title'> 简单多选</h5>
        //     <t-select-helper simple={true} mutile={true}></t-select-helper>
        //   </div>
        //   <div class='block-'>
        //     <h5 class='title'> 复杂模式</h5>
        //     <t-select-helper simple={false}></t-select-helper>
        //   </div>
        //   <div class='block-'>
        //     <h5 class='title'> 复杂多选</h5>
        //     <t-select-helper simple={false} mutile={true}></t-select-helper>
        //   </div>

        //   <div class='block-'>
        //     <h5 class='title'> 设置弹出高度「px」</h5>
        //     <t-select-helper
        //       simple={false}
        //       mutile={true}
        //       height='500px'
        //     ></t-select-helper>
        //   </div>
        //   <div class='block-'>
        //     <h5 class='title'> 设置弹出高度「vh」</h5>
        //     <t-select-helper
        //       simple={false}
        //       mutile={true}
        //       height='90vh'
        //     ></t-select-helper>
        //   </div>
        //   <div class='block-'>
        //     <h5 class='title'> 设置弹出高度「vh」</h5>
        //     <t-select-helper
        //       simple={false}
        //       mutile={true}
        //       height='100vh'
        //     ></t-select-helper>
        //   </div>
        //   <div class='block-'>
        //     <h5 class='title'> 弹出模式【右侧弹出】</h5>
        //     <t-select-helper
        //       simple={false}
        //       mutile={true}
        //       height='500px'
        //       position='right'
        //     ></t-select-helper>
        //   </div>
        //   <div class='block-'>
        //     <h5 class='title'> 弹出模式【底部弹出】</h5>
        //     <t-select-helper
        //       simple={false}
        //       mutile={true}
        //       height='90vh'
        //       position='bottom'
        //     ></t-select-helper>
        //   </div>
        //   <div class='block-'>
        //     <h5 class='title'> 弹出模式【下拉展开】</h5>
        //     <t-select-helper
        //       simple={false}
        //       mutile={true}
        //       height='100vh'
        //       position='drop'
        //     ></t-select-helper>
        //   </div>

        //   <div class='block-'>
        //     <h5 class='title'> 启用历史记录【右侧弹出】</h5>
        //     <t-select-helper
        //       simple={false}
        //       mutile={true}
        //       height='500px'
        //       position='right'
        //       historyEnable={true}
        //     ></t-select-helper>
        //   </div>
        //   <div class='block-'>
        //     <h5 class='title'> 启用历史记录【底部弹出】</h5>
        //     <t-select-helper
        //       simple={false}
        //       mutile={true}
        //       height='90vh'
        //       position='bottom'
        //       historyEnable={true}
        //     ></t-select-helper>
        //   </div>
        //   <div class='block-'>
        //     <h5 class='title'> 启用历史记录【下拉展开】</h5>
        //     <t-select-helper
        //       simple={false}
        //       mutile={true}
        //       height='100vh'
        //       position='drop'
        //       historyEnable={true}
        //     ></t-select-helper>
        //   </div>

        //   <div class='block-'>
        //     <h5 class='title'> 设置宽度【右侧弹出】</h5>
        //     <t-select-helper
        //       simple={false}
        //       mutile={true}
        //       height='500px'
        //       position='right'
        //       historyEnable={true}
        //       dropDownWidth='800px'
        //     ></t-select-helper>
        //   </div>
        //   <div class='block-'>
        //     <h5 class='title'> 设置宽度【底部弹出】</h5>
        //     <t-select-helper
        //       simple={false}
        //       mutile={true}
        //       height='90vh'
        //       position='bottom'
        //       historyEnable={true}
        //       dropDownWidth='800px'
        //     ></t-select-helper>
        //   </div>
        //   <div class='block-'>
        //     <h5 class='title'> 设置宽度【下拉展开】</h5>
        //     <t-select-helper
        //       simple={false}
        //       mutile={true}
        //       height='100vh'
        //       position='drop'
        //       historyEnable={true}
        //       dropDownWidth='800px'
        //     ></t-select-helper>
        //   </div>
        // </div>
      );
    };
  },
});
